<template>
  <div>
    <el-form-item :label="$t('designer.setting.customStyle')">
    </el-form-item>
    <el-form-item label-width="0">
      <el-input type="textarea" v-model="thisOptionModel.customStyle" :rows="5" class="html-content-editor"></el-input>
    </el-form-item>
  </div>
</template>

<script>

  export default {
    name: "customStyle-editor",
    mixins: [],
    props: {
      designer: Object,
      selectedWidget: Object,
      optionModel: Object,
    },
	  data(){
    	return{
			thisOptionModel: this.optionModel,
			thisSelectedWidget: this.selectedWidget,
			cssClassList: [],
		}
	  },
	  watch: {
		  'optionModel': {
			  handler(val) {
				  if (val) {
					  this.thisOptionModel = val
				  }
			  }
		  }
	  },

  }
</script>

<style scoped>
  .html-content-editor {
    font-size: 13px;
  }

</style>
